<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8" />
	<title>浮动4</title>
	<style>
		body {
			margin: 0px;
		}

        .d1{
            border: 1px solid red;
            font-size: 20px;
            /* height: 500px; */
        }

        .ft{
            float: right;

            width: 100px;
            height: 100px;
            background: red;
            color: white;
        }

        .ft2{
            float: right;

            width: 50px;
            height: 50px;
            background: purple;
            color: white;

        }


	</style>
</head>

<body>

    <div class="d1">
        好好好好好好好好好好好好好好好好好<span class="ft"></span>这个一行普通的文字，<div class="ft2"></div>这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，
        这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，
    </div>
    <div class="d1">
        好好好好好好好好好好好好好好好好好<span class="ft" style="float: left"></span>这个一行普通的文字 这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，
        这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，
    </div>
    <div class="d1">
        好好好好好好好好好好好好好好好好好<span class="ft" style="float: none"></span>这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，
        这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，这个一行普通的文字，
    </div>

</body>

</html>
